
<template>
      <!-- 最外层容器 -->
      <el-container style="width: 1180px">
        <!-- 下半部分的左侧边栏 -->
        <el-aside class="layout-aside">
          <el-menu
              router
              :default-active="$router.currentRoute.path"
              class="el-menu-vertical-demo"
              background-color="#545c64"
              text-color="#fff"
              active-text-color="#ffd04b">
            <el-menu-item index="/information/myHomePage">
              <i class="el-icon-setting"></i>
              <span slot="title">我的小驿</span>
            </el-menu-item>
            <!-- 我的交易 -->
            <el-menu-item index="/information/orders">
              <i class="el-icon-circle-plus-outline"></i>
              <span slot="title">我的订单</span>
            </el-menu-item>
            <!-- 我的交易结束 -->
            <!-- 我的收藏 -->
            <el-menu-item index="/information/collection">
              <i class="el-icon-goods"></i>
              <span slot="title">我的收藏</span>
            </el-menu-item>
            <!-- 我的收藏结束 -->
            <!-- 我的评论 -->
            <el-menu-item index="/information/comment">
              <i class="el-icon-goods"></i>
              <span slot="title">我的评论</span>
            </el-menu-item>
            <!-- 我的评论结束 -->
            <!-- 个人中心开始 -->
            <el-submenu index="1">
              <template slot="title">
                <i class="el-icon-location"></i>
                <span>个人中心</span>
              </template>
              <el-menu-item index="/information/userinfo">
                <i class="el-icon-circle-plus-outline"></i>
                <span slot="title">个人信息</span>
              </el-menu-item>
              <el-menu-item index="/information/changePassword">
                <i class="el-icon-s-operation"></i>
                <span slot="title">修改密码</span>
              </el-menu-item>
              <el-menu-item index="/information/address">
                <i class="el-icon-s-operation"></i>
                <span slot="title">收货地址</span>
              </el-menu-item>
            </el-submenu>
            <!-- 个人中心结束 -->
          </el-menu>
        </el-aside>

        <!-- 下半部分的右侧主体部分 -->

        <el-main class="layout-main" style="background-color: rgba(44,62,80,0.11)">
          <router-view/>
        </el-main>
      </el-container>




</template>

<script>
</script>

<style>

.layout-aside {
  background: #515c65;
  height: 500px;
}

.layout-aside i {
  color: #fff !important;
  padding-left: 40px;
}
.el-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-basis: auto;
  box-sizing: border-box;
  min-width: 0;
  margin-left: 100px;
}



</style>
